.view-login {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    
    > .body {
    	-webkit-box-flex: 1;
    	overflow-x: hidden;
    	overflow-y: auto;
    	-webkit-overflow-scrolling: touch;
    	padding: 0.3rem;
    }

    h1 {
    	font-size: 0.5rem;
    	color: #4a4a4a;
    	line-height: 1.5;
    	margin-bottom: 0.4rem;
    }

    form {
    	margin-bottom: 0.8rem;
    	.row {
    		margin-bottom: 0.4rem;
    	}
		label {
			font-size: 0.28rem;
			line-height: 2;
			color: #4a4a4a;
		}
		.input {
			border: 1px solid #e6e6e6;
			display: -webkit-box;
			-webkit-box-align: center;
			border-radius: 0.04rem;
			overflow: hidden;
			input {
				display: block;
				-webkit-box-flex: 1;
				height: 0.8rem;
				font-size: 0.28rem;
				padding: 0 0.2rem;
				background-color: #f9f9f9;
				&:focus {
					background-color: #fff;
				}
				&::-webkit-input-placeholder {
					color: #ccc;
				}
			}
			button {
				display: block;
				font-size: 0.28rem;
				text-align: center;
				width: 2rem;
				color: #4a4a4a;
				border-left: 1px solid #e6e6e6;
				height: 0.8rem;
				&:not(.fetching):active {
					background-color: #f9f9f9;
				}
				&.fetching {
					color: #999;
					pointer-events: none;
					font-size: 0.24rem;
				}
			}
		}
		.submit {
			background-color: #00bb44;
			display: block;
			width: 3rem;
			height: 0.8rem;
			border-radius: 0.04rem;
			font-size: 0.28rem;
			color: #fff;
			box-shadow: 0 0.06rem 0 #069544;
			&:active {
				background-color: #00ac4e;
			}
		}
    }

    .tips {
    	font-size: 0.24rem;
    	color: #999;
    	a {
    		color: #00bb44;
    		&:active {
    			color: #00ac4e;
    		}
    	}
    }

}